<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>3D鼠标悬停效果</title>
	<link rel="stylesheet" href="./style.css">
</head>

<body>
	<div class="box-0">
		<div class="box">
			<img src="img/1.png" alt="图片加载失败！">
			<p>
				<span>这是一只皮卡丘</span>
				<span> 特长:</span>
				<span>&nbsp;&nbsp;&nbsp; 1, 喜欢卖萌</span>
				<span>&nbsp;&nbsp;&nbsp; 2, 喜欢吃</span>
				<span>&nbsp;&nbsp;&nbsp; 3, 可爱</span>
			</p>
		</div>
	</div>

	<div class="box-0">
		<div class="box">
			<img src="img/2.jpg" alt="图片加载失败！">
			<p>
				<span>这是一只猫头鹰</span>
				<span> 特长:</span>
				<span>&nbsp;&nbsp;&nbsp; 1, 喜欢飞翔</span>
				<span>&nbsp;&nbsp;&nbsp; 2, 勇敢</span>
				<span>&nbsp;&nbsp;&nbsp; 3, 可爱</span>
			</p>
		</div>
	</div>

	<div class="box-0">
		<div class="box">
			<img src="img/3.jpg" alt="图片加载失败！">
			<p>
				<span>日出海景</span>
				<span> 特点:</span>
				<span>&nbsp;&nbsp;&nbsp; 1, 风景秀丽</span>
				<span>&nbsp;&nbsp;&nbsp; 2, 空气清新</span>
				<span>&nbsp;&nbsp;&nbsp; 3, 日出</span>
			</p>
		</div>
	</div>

	<div class="box-0">
		<div class="box">
			<img src="img/4.jpg" alt="图片加载失败！">
			<p>
				<span>城市夜景</span>
				<span> 特点:</span>
				<span>&nbsp;&nbsp;&nbsp; 1, 灯火通明</span>
				<span>&nbsp;&nbsp;&nbsp; 2, 车流不息</span>
				<span>&nbsp;&nbsp;&nbsp; 3, 喧嚷</span>
			</p>
		</div>
	</div>

	<div class="box-0">
		<div class="box">
			<img src="img/5.jpg" alt="图片加载失败！">
			<p>
				<span>路线提示牌</span>
				<span> 特点:</span>
				<span>&nbsp;&nbsp;&nbsp; 1, 避免迷茫</span>
				<span>&nbsp;&nbsp;&nbsp; 2, 存在目标</span>
				<span>&nbsp;&nbsp;&nbsp; 3, 进取</span>
			</p>
		</div>
	</div>

</body>

</html>